/*--------- Main ---------------*/
html {
	background-color: #fff;
}

body {
	background: transparent;
	color: #383838;
	font-family: 'Open Sans',Arial, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
	text-align: justify;
}

html,body,#body_wrapper {
	height: 100%;
}

body>#body_wrapper {
		height: auto;
		padding: 0 20px 30px 20px;
}
@media all and (min-width: 1000px){
	body>#body_wrapper {
		padding: 0 5px 30px 5px;
	}
}
#body_wrapper,#header_wrapper,#footer_wrapper,#slider_wrapper,#brand_wrapper,.row
	{
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#header_wrapper,#body_wrapper,#footer_content,.row {
	max-width: 995px;
	width: 100%;
	display: block;
	position: relative;
}

p {
	margin: 10px 0 0 0;
	padding: 0;
}

h2{
	font-family: "Open Sans Condensed",sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 1.15 !important;
	margin-bottom: 30px;
	margin-top: 0;
	color: #261e58;
}

ul {
	margin-bottom: 30px;
	margin-top: 5px;
}

a,
#menu_wrapper > ul > li > a:hover,
#menu_wrapper > ul > li:hover > a{
	color: #f7941e;
	text-decoration: none;
	font-weight: bold;
	outline-style:none;border: none;
}

a:hover {
	color: #383838;
}

img, img:focus{
	border: none;
}

.clear {
	clear: both;
	height: 1px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.separator {
	clear: both;
	border-top: 1px solid #ebebeb;
	height: 1px;
	display: block;
}

.shadow {
	box-shadow: 0 2px 6px #999;
}

.centered {
	text-align: center;
}

.uppercase {
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.indigo {
	color: #261e58;
}

.dark_fushia {
	color: #f7941e;
}

.light_purple,.usecase .author,.usecase .tag_head {
	color: #7269a4;
}

.bg_white {
	background: #fff;
}

.txt_white {
	color: #fff !important;
}

.bg_dark_fushia {
	background-color: #f7941e !important;
}

.bg_indigo {
	background: #261e58;
}

.bg_light_gray {
	/*background: #f3f3f3;*/
	background-color: #dbdbdb;
}

.bg_lightest_gray {
	background: #fafafa;
}

.bg_gray {
	background: #dedede;
}

.page_title {
	font-size: 26px;
	border-top: 1px solid #D3D3D3;
	padding: 20px 0;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid #D3D3D3;
	margin: 0 0 0px 0;
}

.margin_top {margin-top: 40px;}

/*--------- Header ---------------*/
#header_wrapper {
	background: transparent;
	padding: 15px 0;
	overflow: visible;
	height: 100px;
}

#logo {
	position: relative;
	float: left;
}

#logo img {
	width: 80px;
	padding: 20px;
	height: auto;
}

#logo a {
	font-weight: bold;
	color: #500A62;
}

#header_title {
	color: #5d5953;
	text-shadow: 0px 1px 1px #aaa;
	padding: 0 0 0 20px;
	width: 25%;
	float: right;
	text-transform: uppercase;
	line-height: 3.1em;
}

#header_title h1 {
	font-size: 24px;
	padding: 4px 0;
	margin: 0;
	letter-spacing: 5px;
}

#menu_wrapper {
	display: block;
	position: absolute;
	right: 0;
	font-size: 14px;
	padding-top: 37px;
	z-index: 1;
}

#menu_wrapper ul {
	float: left;
	clear: both;
	padding-left: 2px;
	margin: 0;
}

#menu_wrapper ul li {
	display: block;
	list-style: none;
	padding: 0 5px;
	margin-left: 0px;
	text-transform: uppercase;
}
#menu_wrapper #nav{
	position: relative;
}
#menu_wrapper #nav > li > a.open,
#menu_wrapper #nav > li:hover {
	background-color: #f0f0f0;
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}

#menu_wrapper ul li .submenu{
	float: none;
	position: absolute;
	top: 32px;
	margin-left: -5px;
	background-color: #f0f0f0;
	padding: 10px 15px;
	box-shadow:0px 2px 3px rgba(0,0,0,0.2);
	overflow: hidden;

	z-index:-1;
    opacity:0;
    max-height: 0;
    transition: opacity linear 0.20s, max-height linear 0.20s;
}
#menu_wrapper ul li .submenu li{
	float: none;
	padding-left: 0;
	margin-left: 0;
}
.submenu a{
	line-height: 1.8em;
	font-weight: normal;
}

#menu_wrapper li:hover .submenu {
    z-index:1;
    opacity:1;
    max-height: 240px;
}

.menu-icon {
	position: absolute;
	top: 6px;
	right: 20px;
	cursor: pointer;
	display: block;
}
@media all and (min-width: 790px){
	.menu-icon {
		display: none;
	}
	#menu_wrapper ul li {
		float: left;
		margin-left: 5px;
	}
}
@media all and (min-width: 840px){
	#menu_wrapper ul li {
		margin-left: 20px;
	}
}
@media all and (min-width: 960px){
	#menu_wrapper ul li {
		margin-left: 35px;
	}
}

#menu_wrapper ul li:first-child {
	/*padding-left: 0px;*/
}

#menu_wrapper a {
	color: #383838;
}
@media all and (max-width: 790px){
	#menu_wrapper{
		width: 100%;
		top: 41px;
		background-color: #333;
		display: none;
	}
	#menu_wrapper a{
		font-size: 167%;
		line-height: 2em;
		color: #FFF;
	}
	#menu_wrapper ul li{
		width: 100%;
		padding-right: 0;
	}
	#menu_wrapper ul li .submenu{
		background-color: #444;
		position: relative;
		max-height: 0;
		margin-top: -26px;
	}
	#menu_wrapper ul li .submenu li{
		padding-left: 10px;
	}
	#menu_wrapper ul li .submenu a{
		color: #FFF;
	}
	#menu_wrapper li:hover .submenu {
		margin-bottom: 26px;
	}

}

/*#menu_wrapper > ul > li > a:hover,*/
#menu_wrapper > ul > li.current_menu_item ,
#menu_wrapper > ul > li:hover {
	border-bottom: 4px solid #f7941e;
	padding-bottom: 4px;
}

#menu_wrapper > ul > li:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#menu_wrapper > ul > li.current_menu_item a {
	color: #f7941e;
}


/*--------- Body Wrapper ---------------*/
/* Home Page
------------------------------ */
#brand_wrapper,.community_links,.download_wrapper {
	padding: 9px 0;
	position: relative;
	width: 100%;
}

#brand_wrapper h2,.community_item h2,.download_item h1,.tuto_resources h2,.infos h2, .col_3 h2, #usecases h2
	{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;
	text-align: center;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	padding: 12px 0;
}

#brand_wrapper {
	padding: 60px 0;
}

#brand_wrapper .brand_item {
	float: left;
	width: 30%;
	margin-right: 49px;
	text-align: center;
}

.last_item {
	margin-right: 0 !important;
}

.btn{
	display: inline-block;
	padding: 10px 40px;
	border-radius: 0;
	margin: 0px 20px;
	text-align: center;
	color: #fff !important;
	background-color: #f7941e !important;
	text-transform: uppercase;
}

.btn:hover{
	background-color: #7269a4 !important;
}

.btn_large{
    padding: 10px 49px;
}

section.highlight_banner {
	padding: 10px;
}
@media all and (min-width: 760px){
	section.highlight_banner {
		padding: 100px;
	}
}
.back1 {
    background-image: url("../images/banners/budapest-1.jpg");
	height: 530px !important;
	 display: flex;
	flex-direction: column;
	justify-content: center;
}
.parallax {
    background-position: 50% 50%;
    background-size: cover;
    width: 100%;
    height: 445px;
    position: relative;
}
@media all and (min-width: 760px){
	.back1 h2{
		font-size: 56px;
	}
	.back1 p{
		font-size: 26px;
	}
}
.black-box{
	background-color: rgba(0,0,0,0.5);
	padding: 5px 10px;
}
.highlight_banner h1 {
	color: #261e58;
	font-weight: bold;
}

/* Download Bottom Banner
------------------------------ */
#download_banner_wrapper {
	position: fixed;
	display: block;
	bottom: 0;
	height: 50px;
	z-index: 2500;
	-webkit-transition: height 1500ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: height 1500ms ea;
	background-color: #7269a4;
}

#download_banner_wrapper .closeButton {
	float: right;
	margin: 13px 10px 0 0;
	cursor: pointer;
	width: 22px;
	height: 22px;
	}

#download_banner_content {
	width: 800px;
	margin: 0 auto;
}

#download_banner_content p,#download_banner_content a {
	font-size: 14px;
	text-transform: uppercase;
	margin: 7px;
	line-height: 35px;
	font-weight: bold;
	letter-spacing: 1px;
}

#download_banner_content p.intro {
	text-transform: none;
	font-weight: normal;
}

#download_banner_content a {
	display: block;
	min-width: 180px;
	height: 35px;
	padding: 0 15px;
	text-align: center;
	color: #fff;
	background-color: #f7941e;
}

#download_banner_content a.whatsnew{
	background-color: #261e58;
}

#download_banner_content a.bg_light_purple {
	background-color: #7269a4;
}


#download_banner_content a:hover, #download_banner_content a.whatsnew:hover, #download_banner_content a.bg_light_purple:hover {
	background-color: #fff;
	color: #261e58;
}

/* Overview Page
------------------------------ */
.section,.install_section {
	margin: 15px 0 40px 0;
}

.section:FIRST-CHILD,.install_section:FIRST-CHILD {
	margin-top: 0;
}

.section:after {
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	content: ".";
}

.section.left,.section.right {
	width: 510px;
}

.section.left .image {
	float: right;
	margin-right: -477px;
	margin-top: 5px;
}

.section.right .image {
	float: left;
	margin-left: -490px;
	margin-top: 5px;
}

.image:after,.bottom_content .lnk:after {
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
	content: "."
}

.image img {
	margin: 0 10px 20px;
	float: left;
}

.bottom_content {
	background-image: url("/images/banners/banner_background.png")
		!important;
	min-height: 112px;
	padding: 25px;
	color: #fff;
}

.bottom_content .lnk {
	margin: 15px 0 !important;
	float: none;
}

/*	Tabs in Download Page
-----------------------------*/
#tabs_wrapper {
	width: 100%;
}

#tabs_container {
	margin-top: 35px;
}

#tabs_content_container h2 {
	font-size: 24px;
}

#tabs {
	list-style: none;
	padding: 9px 0;
	margin: 0 0 0 1px;
}

#tabs li {
	float: none;
	width: auto;
	margin: 0;
	padding-right: 12px;
	list-style-type: none;
	display: inline;
	z-index: 1;
	color: #fff;
	position: relative;
}

#tabs li span {
	padding: 12px 40px 20px;
	text-decoration: none;
	border: 1px solid #dfdfdf;
	outline: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	position: relative;
	background-image: linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
	background-image: -o-linear-gradient(top, #d3d3d3 4%, #fff 100%);
	background-image: -moz-linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
	background-image: -webkit-linear-gradient(top, #d3d3d3 4%, #f1f1f1 52%);
	background-image: -ms-linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.04, #d3d3d3
		), color-stop(1, #f1f1f1) );
	margin-left: -1px;
	color: #334541;
	font-weight: normal;
	background-image: linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
	background-image: -o-linear-gradient(top, #d3d3d3 4%, #fff 100%);
	background-image: -moz-linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
	background-image: -webkit-linear-gradient(top, #d3d3d3 4%, #f1f1f1 52%);
	background-image: -ms-linear-gradient(top, #d3d3d3 4%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.04, #d3d3d3
		), color-stop(1, #f1f1f1) );
}

*>#tabs li span {
	background-color: #d3d3d3;
}

*>#tabs li.active span {
	background-color: #f1f1f1;
}

#tabs li span:hover {
	text-decoration: none !important;
	cursor: pointer;
}

#tabs li.active span,#tabs li.active span:hover,#tabs li span:hover {
	background-image: linear-gradient(top, #efefef 4%, #fff 100%);
	background-image: -o-linear-gradient(top, #efefef 4%, #fff 100%);
	background-image: -moz-linear-gradient(top, #efefef 4%, #fff 100%);
	background-image: -webkit-linear-gradient(top, #efefef 4%, #fff 52%);
	background-image: -ms-linear-gradient(top, #efefef 4%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.04, #efefef
		), color-stop(1, #fff) );
	color: #333;
	border: 1px solid #dfdfdf;
	border-bottom: 1px solid #fff;
}

#tabs li.active span {
	font-weight: bold;
}

#tabs li.active {
	position: relative;
	z-index: 2;
}

#tabs_content_container {
	padding: 20px;
	text-align: justify;
	position: relative;
	z-index: 1;
	margin-top: 10px;
}

.tab_content {
	display: none;
	width: 973px;
	min-height: 620px;
	border: 1px solid #dfdfdf;
	background: #fff;
}

#tabs_content_container .dwnld_wrapper {
	display: inline-block;
}

 ul.installnav {
	float: left;
	padding: 0;
	width: 186px;
	margin-top: 0px;
	background-color: #fff;
	border-left: none;
}

 ul.installnav li {
	display: inline;
}

 ul.installnav li > a p {
	font-size: 10px;
	margin: 10px 0;
}

 ul.installnav li > a {
	display: block;
	text-align: left;
	text-decoration: none;
	background: background: -webkit-linear-gradient(#dcdcdc, #fff); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#dcdcdc, #fff); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#dcdcdc, #fff); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#dcdcdc, #fff); /* Standard syntax */
	box-shadow: 2px 0 6px #777;
	width: 165px;
}

 ul.installnav li.active > a, ul.installnav li.active > a:hover
	{
	color: #282828;
	outline: none;
	background: url("../images/download/installnav_active_bg.png") no-repeat
		right;
	box-shadow: none;
	width: 186px;
	border: none;
}

 ul.installnav li > a:hover {
	background: background: -webkit-linear-gradient(#fff, #dcdcdc);
  	background: -o-linear-gradient(#fff, #dcdcdc);
  	background: -moz-linear-gradient(#fff, #dcdcdc);
  	background: linear-gradient(#fff, #dcdcdc);
	cursor: pointer;
}

 ul.installnav li.active > a > span {
	text-align: center;
	border-right: none;
}

 ul.installnav li > a > span {
	display: block;
	width: 164px;
	height: 100px;
	padding: 25px 0 53px 0;
	text-align: center;
	color: #595959;
	border: 1px solid #dfdfdf;
}

 ul.installnav li > a span p.recommended {
	margin-top: -14px;
	color: #999;
}

.drag2install_tooltip {
	color: #fff;
	display: block;
	position: absolute;
	visibility: visible;
	top: 16px;
}

.drag2install_tooltip {
	width: 356px;
	height: 55px;
	background-image: url("../images/download/tooltip_bg.png");
	background-repeat: no-repeat;
	z-index: 12;
	left: 260px;
	top: 55px;
	padding-left: 10px;
}

.closeButtonUpdateSite img {
	float: right;
	position: relative;
	margin: 0;
}

#eclipse_package_content {
	display: block;
}

#content_drag2install,#content_updatesite,#content_emc,#content_drag2install_1,#content_updatesite_1,#content_emc_1, #eclipse_package_content
	{
	width: 710px;
	float: right;
	position: absolute;
	top: 35px;
	left: 185px;
	padding: 15px 50px;
	background: transparent;
	cursor: default;
}

#content_updatesite_1 p { margin-left: 20px !important; }

#content_drag2install,#content_updatesite,#content_drag2install_1,#content_updatesite_1, #content_emc_1
	{
	/*display: none;*/
	margin-bottom: 20px;
}

#eclipse_package_content .btn{
	margin: 0;
	}

#content_drag2install a,#content_updatesite a,#content_emc a,#content_drag2install_1 a,#content_updatesite_1 a,#content_emc_1 a
	{
	background: transparent !important;
	display: inline !important;
	cursor: pointer;
}

#content_drag2install a:hover,#content_updatesite a:hover,#content_emc a:hover,#content_drag2install_1 a:hover,#content_updatesite_1 a:hover,#content_emc_1 a:hover
	{
	color: #383838 !important;
}

#install,#install_1,#closeButton,.drag2install:hover {
	cursor: pointer;
}

#updatesite:hover,#install_emc:hover {
	cursor: default;
}

#content_updatesite_1 input {
width: 412px;
font-size: inherit;
font-family: inherit;
margin-left: 20px;
color: #777;
border: 0.1em solid #ddd;
padding: 4px;
}

.dwnld_wrapper .col_3 {
	margin-left: 40px;
}

.dwnld_wrapper ul {
	margin-bottom: -6px;
}

.dwnld_icon {
padding-right: 8px;
}

.link-color {
	color: #148EC5;
}

.updateSite img {
	margin: 40px 0 0 0;
}

.dwnld_wrapper .services a{
	font-family: 'Open Sans Condensed', Arial, sans-serif;
	font-size: 14px;
}

/* Miscellous
----------------------------------------------------------- */
.fa {
	padding: 0 2px;
}

.blogger .fa-fw {
   text-align: left;
}

/* ------- Resources Page ------*/

@media all and (max-width: 999px){
	body.sectioned > section{
		padding-left: 20px;
		padding-right: 20px;
	}
}
section {
	width: 100%;
	padding: 45px 0;
}
@media all and (max-width: 991px){
	#solstice-footer section{
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 0;
	}
}
section.first_item{
	padding-top: 0;
 }

article header {
	margin-bottom: 30px;
}

.date {
	margin-top: -15px;
}

.weight_light {
	font-weight: 100;
}

a.social {
	color:#261e58;
}

.blog_post {
	border: 1px solid #dedede;
}

.blog_post.col_3 {
	margin-left: 61px;
	margin-bottom: 30px;
	}

.blog_post header {
	padding: 15px;
}

.blogger{
	height: 60px;
	padding: 5px 15px;
}

.blogger .fa{
	padding-right: 0;
	}

.blogger .photo {
	margin-right: 20px;
}

.blogger p a img {
	max-width: 48px;
	border-radius: 48px;
}


h3, .blogger .name,.videos h3 a {
	font-family: 'Open Sans Condensed', Arial, sans-serif;
	font-weight: bold;
	color:#261e58;
	}

.blogger .name,.videos h3 a, .blog_post h3 a {
	font-size: 16px;
	}

h3 {
	font-size: 26px;
	}

/*----- Video section ------*/
.videos section:nth-child(even),.articles section:nth-child(even)
{
	background-color: #f3f3f3;
}

.videos section {
	padding-top: 60px;
}

.videos section:first-of-type {
	padding-top: 20px;
}

.videos img {
	width: 289px;
	position: relative;
	}

.videos .video_thumbnail{
	background-color: #261e58;
	overflow: hidden;
	position: relative;
	display: block;
}

.videos .video_thumbnail a{
	 position: relative;
	display: block;
	opacity:1;
	-webkit-transition: .7s;
	-o-transition: .7s;
	transition: .7s;
}

.videos .video_thumbnail:hover a{
	opacity:0.8;
	}

.videos .video_thumbnail a:hover::before {
	color: #7269a4;
	opacity: 1;
	}


.videos .video_thumbnail a::before{
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f16a";
	color: #f7941e;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	display: block;
	position: absolute;
	font-size: 40px;
	opacity: 01;
	top: 35%;
	left: 43%;
	z-index: 4;
}


.videos .video_thumbnail:hover::after {
  background-color: #261e58;
  opacity: 0.1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 184px;
  width: 289px;
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}

/*------- Articles ------*/
.articles .row {
	margin-bottom: 0 ;
}

.articles section:first-of-type {
	padding-top: 5px;
}

.col_2 {
	width: 14%;
}

.col_10 {
	width: 82%;
}
/* ------- End of Resources ------*/

/*--------- What's New Page ------------*/
.col_3 {
	float: left;
	width: 29%;
	margin-left: 64px;
	position: relative;
}

.col_3:first-of-type, .col_3:nth-child(4) {
	margin-left: 0;
}

/*--------- Community Page ------------*/
.community_links h1 {
	margin-bottom: 0 !important;
	font-weight: normal;
	color: #000;
}

.community_links,.download_wrapper, .features {
	float: left;
}

.community_item {
	float: left;
	width: 27%;
	margin-right: 92px;
}

.community_item p, .col_3 p {
	text-align: justify;
	width: 100%;
}

.community_item a{
	color: #383838;
}

.community_item a:hover,.tuto_resources h2:hover, .col_3 a:hover {
	color: #f7941e;
}

.community_icons{
	display: block;
	margin: 0 20px 40px 0;
	float: left;
	height: 50px;
	width: 50px;
}

#start {
	background: url("../images/icons/icon_start.png") no-repeat;
}

#doc {
	background: url("../images/icons/icon_doc.png") no-repeat;
}

#wiki {
  background: url("../images/icons/icon_wiki.png") no-repeat;
}

#resources {
	background: url("../images/icons/icon_resources.png") no-repeat;
}

#forum {
	background: url("../images/icons/icon_forum.png") no-repeat;
}

#bug {
	background: url("../images/icons/icon_bug.png") no-repeat;
}

#support {
	background: url("../images/icons/icon_support.png") no-repeat;
}

#mailing {
	background: url("../images/icons/icon_mailing.png") no-repeat;
}

#code {
	background: url("../images/icons/icon_code.png") no-repeat;
}

#project {
	background: url("../images/icons/icon_project.png") no-repeat;
}

#start:hover {
	background: url("../images/icons/icon_start_hover.png") no-repeat;
}

#doc:hover {
	background: url("../images/icons/icon_doc_hover.png") no-repeat;
}

#wiki:hover {
  background: url("../images/icons/icon_wiki_hover.png") no-repeat;
}

#resources:hover {
	background: url("../images/icons/icon_resources_hover.png") no-repeat;
}

#forum:hover {
	background: url("../images/icons/icon_forum_hover.png") no-repeat;
}

#bug:hover {
	background: url("../images/icons/icon_bug_hover.png") no-repeat;
}

#support:hover {
	background: url("../images/icons/icon_support_hover.png") no-repeat;
}

#mailing:hover {
	background: url("../images/icons/icon_mailing_hover.png") no-repeat;
}

#code:hover {
	background: url("../images/icons/icon_code_hover.png") no-repeat;
}

#project:hover {
	background: url("../images/icons/icon_project_hover.png") no-repeat;
}

/* Features
------------------------------ */
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
  background-color: #ffffff;
}


.table td {
  padding: 20px 30px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: normal;
  padding: 10px 0;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}


.table-striped tbody > tr:nth-child(odd) > td{
  background-color: #f9f9f9;
}

.table-striped tbody > tr > td:nth-child(odd){
 width: 20%;
}

.tab-content {
  overflow: auto;
  background-color: #fff;
  padding: 15px 30px 30px 30px;
  margin-bottom: 20px;
  border: 1px solid #dfdfdf;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active{
  display: block;
}

.tab-content h2 {
	margin-top: 30px;
	}

.nav-tabs{
  *zoom: 1;
  padding: 0;
}

ul.nav-tabs{
 margin: 30px 0 9px 0;
}

.nav-tabs:before, .nav-tabs:after{
  display: table;
  line-height: 0;
  content: "";
}

.nav-tabs:after{
  clear: both;
}

.nav-tabs > li{
  float: left;
  list-style: none;
}

.nav-tabs li:hover{
	margin-bottom: 0px;
}

.nav-tabs > li > a {
  border: 1px solid transparent;
  -webkit-border-radius: 2px 2px 0 0;
     -moz-border-radius: 2px 2px 0 0;
          border-radius: 2px 2px 0 0;
  padding: 12px 15px 13px 15px;
  margin-right: 4px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dfdfdf;
  text-decoration: none;
  background-color: #DFDFDF;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #dfdfdf;
  border-bottom-color: transparent;
}

.icon_features {
display: -webkit-inline-box;
display: -moz-inline-box;
display: inline-box;
margin: 0 5px;
}

.features_icon{
	display: block;
	float: left;
	height: 16px;
	width: 16px;
}

.features_icon {
	background: url("../images/icons/icon_features.png") no-repeat;
}

.features_icon:hover {
	background: url("../images/icons/icon_features_hover.png") no-repeat;
}

/* Gallery Page
------------------------------*/
.intro_gallery {
	border: 1px solid #dfdfdf;
	padding: 15px;
}

.usecase {
	display: inline-block;
  	margin-top: 50px;
  	clear: both;
}

.usecase .medias {
	width: 520px;
	float: right;
	margin-top: -1px;
}

.usecase .thumbs {
width: 550px;
}

.usecase .thumbs ul{
	padding-left: 15px;
}

.usecase .thumbs ul li {
	display: inline-block;
	list-style: none;
	padding-right: 15px;
}

.usecase .infos {
	float: left;
	width: 410px;
	padding: 0 60px 0 0;
}

.infos h2,
#usecases h2 {
	text-align: left;
}

.usecase .tags {
	margin-top: 10px;
}

.usecase .tag_head {
	float: left;
	margin-right: 15px;
}

.usecase .taglist .tag {
	position: relative;
	display: inline-block;
	width: auto;
	margin: 0 5px 5px 0;
	font-size: 11px;
	cursor: default;
}

.usecase .taglist .tag i,.usecase .taglist .tag span,.usecase .taglist .tag b
	{
	color: #fff;
	background-image: url(../images/icons/icon_taglist.png);
	float: left;
	display: inline-block;
	height: 23px;
	line-height: 22px;
	text-decoration: none;
}

.usecase .taglist .tag i {
	background-position: 0 0;
	width: 20px;
}

.usecase .taglist .tag b {
	background-position: right 0px;
	width: 5px;
}

.usecase .taglist .tag span {
	background-position: right -23px;
	background-repeat: repeat-x;
	padding: 0 3px 0 0;
}

.usecase .lnks  ul {
	padding-left: 15px;
}

.usecase .lnks a {
	font-weight: normal;
}

.usecase .lnks h3{
	border-bottom: 1px solid #D3D3D3;
}

.usecase .lnks h3.lnks_head{
	padding-bottom: 10px;
}

/* Footer
------------------------------ */
#footer_wrapper,#download_banner_wrapper {
	clear: both;
	width: 100%;
	color: #fff;
}

#footer_wrapper {
	position: relative;
	padding: 30px 0 90px 0;
	font-size: 10px;
	background-color: #261e58;
}

#footer_content {
	margin: 0 auto;
}

#footer_wrapper a {
	font-weight: normal;
	color: #c2bfd8;
}

#footer_wrapper a:hover {
	color: #fff;
}

#footer_wrapper ul {
	list-style: none;
	padding: 0
}

#footer_wrapper .column {
	width: 20%;
	padding: 0 0 0 199px;
	float: left;
	position: relative;
	    box-sizing: initial;
}

#footer_wrapper .column:FIRST-CHILD {
	padding: 0;
}

#footer_wrapper .column .columntitle {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #fff;
}

#footer_wrapper .column h3 {
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
}

#footer_wrapper .column.right {
	width: 184px;
}

/* Newsletter
------------------------------ */
form.contact_form {
	margin: 15px 0;
}

section form.contact_form input[type="text"] {
	margin-right: 30px;
	padding: 12px;
	width: 230px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .inputbox {
	background: #fefefe;
	height: 45px;
	vertical-align: top;
	border: 1px solid #BDBDBD;
	box-shadow: inset 0 2px 5px 0 #F0F0F0;
	box-sizing: border-box;
	padding: 5px;
	color: #BDBDBD;
	font-family: "Open Sans Condensed", Arial, sans-serif;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: normal;
}

#footer_wrapper form.contact_form input[type="text"]{
	width: 199px;
}

input[type="button"] {
	border: none;
	font-weight: bold;
	letter-spacing: 1px;
	height: 45px;
}

 form.contact_form input:focus {
  outline: none !important;
  border: 1px solid #b5b0cf;
  box-shadow: 0 0 4px #b5b0cf;
}

.cloak {
  display: none  !important;
}


@media all and (min-width: 760	px){
	#usecases{
		column-count: 2;
		column-gap: 60px;
	}
}

.highlight_banner .more{
	text-align: left;
	padding-top: 20px;
	display: none;
}

.col-sm-5-1{
	position: relative;
	min-height: 1px;
	padding-right: 20px;
	padding-left: 20px;
}
@media all and (min-width: 760px){
	.col-sm-5-1{
		width: 20%;
		float: left;
	}
}

.partners{
	padding-bottom: 65px;
}
.partners h2{
	margin-top: 5px;
	margin-bottom: 65px;
}
.partners img.itemis{
	width: 130px;
}
.partners img.incq{
	width: 250px;
}
.partners img.yk{
	width: 221px;
}
.partners img.muegyetem{
	width: 187px;
}
@media all and (min-width: 760px) and (max-width: 1199px){
	.partners img.itemis{
		width: 104px;
	}
	.partners img.incq{
		width: 200px;
	}
	.partners img.yk{
		width: 177px;
	}
	.partners img.muegyetem{
		width: 150px;
	}

}


.partners .logo{
	height: 55px;
}
.partners .logo a{
	line-height: 50px;
}

footer#solstice-footer {
	background: no-repeat center center #261e58;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 3.5em;
	padding-bottom: 80px;
	color: #a8a7a9;
	font-size: 14px;
	border-top: 1px solid #f7941e;
}
footer#solstice-footer h2 {
	color: #fff;
	padding: 0 0 7px 0;
	margin-top: 0;
	font-weight: 300;
	font-size: 21px;
	border-bottom: 2px solid #6e6d71;
	max-width: 80%;
}
footer#solstice-footer .nav {
	margin-left: -15px;
	margin-bottom: 25px;
}
footer#solstice-footer li {
	padding-bottom: 0;
}
footer#solstice-footer a:link,
footer#solstice-footer a:active,
footer#solstice-footer a:visited,
footer#solstice-footer a:focus {
	color: #a8a7a9;
	font-weight: 400;
}
footer#solstice-footer .nav a {
	padding: 6px 15px 6px 20px;
}
footer#solstice-footer .nav a:hover {
	background-color: transparent;
	text-decoration: underline;
}
footer#solstice-footer .logo-eclipse-white {
	margin-bottom: 15px;
	max-width: 161px;
}
#copyright img {
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	clear: both;
}
#copyright-text {
	padding-top: 21px;
	text-align: right;
}
.scrollup {
	width: 40px;
	height: 40px;
	opacity: .3;
	position: fixed;
	bottom: 50px;
	right: 15px;
	display: none;
	text-indent: -9999px;
	background: url('/images/icons/back-to-top.png') no-repeat;
}
.social-media {
	margin-top: 57px;
	font-size: 2.3em;
}
.list-inline {
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
}
.list-inline > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.img-skew-wrap {
}
.img-skew {
  position: relative;
  display: inline-block;
  box-shadow: 3px 3px 7px rgba(0,0,0,0.5);
}

.img-skew img{
	max-width: 100%;
	width: 100%;
	height: auto;
	border: 7px solid rgba(0,0,0,0.1);
}
.highlight_banner > .row > div{
	padding-top: 10px;
	padding-bottom: 10px;
}

.post{
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
.post .body{
	padding-bottom: 30px;
}
.post .date,
.post .author{
	color: #595959;
}

[class^="icon-"]::before, [class*=" icon-"]::before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	padding-right: 0.5em;
}
.icon-user::before {
	content: "\f007";
}

.news h2:not(.title){
	font-size: 22px;
	margin-top: 20px;
}
.news h2.title{
	font-size: 36px;
	text-align: left;
}
.news img{
	display: block;
	max-width: 100%;
}

.whyviatra p.text{
	text-align: justify;
}
@media all and (max-width: 991px){
	.whyviatra p.text{
		margin-bottom: 50px;
	}

}
.whyviatra h3{
	min-height: 2.5em;
}
.whyviatra .col-md-4:nth-of-type(1) h3,
.whyviatra .col-md-4:nth-of-type(3) h3{
	line-height: 2.5em;
}
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
	height: 0;
	cursor: pointer;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videowrapper a i {
	color: #383838;
}

.videowrapper a:hover i {
	color: #383838;
}

.videowrapper .fa-play {
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	vertical-align: middle;
	margin-left: 0;
	margin-bottom: 0;
	left: 35%;
	top:50%;
	cursor: pointer;
}
